<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="__STATIC__/layuimini/lib/layui-v2.6.3/css/layui.css" media="all">

    <title>Title</title>
</head>
<body>
<table class="layui-hide" id="demo" lay-filter="test"></table>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<script src="__STATIC__/layuimini/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="__STATIC__/layuimini/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
</body>
<script>
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
        table.render({
            elem: '#demo'
            ,height: 420
            ,url: '/demo/table/user/' //数据接口
            ,title: '用户表'
            ,page: true //开启分页
            ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            ,totalRow: true //开启合计行
            ,cols: [[ //表头
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left', totalRowText: '合计：'}
                ,{field: 'stu_name', title: '学生姓名', width:80}
                ,{field: 'stu_title', title: '学生课题', width: 90, sort: true, totalRow: true}
                ,{field: 'status', title: '状态', width:80, sort: true}
                ,{field: 'create_time', title: '状态', width: 80, sort: true, totalRow: true}
                ,{field: 'stu_id', title: '学生号', width:150}
                ,{field: 'stu_teacher', title: '学生导师', width: 200}

            ]]
        });
    });
</script>
</html>